<template>
  <div class="bg">
    <!-- <van-pull-refresh style="overflow:none;" v-model = 'isLoading' @refresh='onRefresh'> -->
    <div class="box_ref">
      <van-row
        class="my_top"
        @click="toChangeAvatar"
      >
        <van-col class="my_top_left">
          <img :src="avatar" />
        </van-col>
        <van-col class="my_top_right">
          <p>{{cellphone}}</p>
          <span>{{shareUser.role_name }}</span>
        </van-col>
      </van-row>
      <div class="my_box">
        <div class="my_box_margin">
          <van-row
            class="my_cash"
            type="flex"
            justify="space-between"
          >
            <van-col class="my_cash_left">
              <p @click="gohHandler(10)">{{shareUser.price?shareUser.price :0.0 }}</p>
              <div>总余额</div>
              <!-- <span @click="gohHandler(8)">提现</span> -->
              <span style="width: auto;
                            display: flex;
                            padding: 0 6px;">
                <div @click="gohHandler(8)">提现</div>
                <div style="border-right: solid #FE4B20 1px;margin: 7px 5px;"></div>
                <div @click="gohHandler(99)">转兑</div>
                <div style="border-right: solid #FE4B20 1px;margin: 7px 5px;"></div>
                <div @click="gohHandler(100)">转让</div>
              </span>
            </van-col>
            <!-- <div style="border-right: 1px dashed #E4E4E4;height: 60%;"></div> -->
            <van-col class="my_cash_left">
              <p @click="gohHandler()">{{shareUser.mutual_money?shareUser.mutual_money :0.0 }}</p>
              <div>互助消费金</div>
              <span style="width: auto;
                            display: flex;
                            padding: 0 15px;">
                <div @click="gohHandler(87)">购物</div>
              </span>
            </van-col>
            <van-col class="my_cash_left">
              <p>{{shareUser.score?shareUser.score :0.0 }}</p>
              <div>总积分</div>
              <span style="width: auto;
                            display: flex;
                            padding: 0 6px;">
                <div @click="gohHandler(13)">转赠</div>
                <div style="border-right: solid #FE4B20 1px;margin: 7px 5px;"></div>
                <div @click="gohHandler(14)">兑换</div>
                <div style="border-right: solid #FE4B20 1px;margin: 7px 5px;"></div>
                <div @click="gohHandler(15)">提现</div>
              </span>

            </van-col>
          </van-row>
          <van-row
            type="flex"
            justify="space-between"
            class="my_team"
          >
            <van-col>
              <img
                @click="gohHandler(1)"
                src="../../assets/m6.png"
              />
            </van-col>
            <van-col>
              <img
                @click="gohHandler(30)"
                src="../../assets/m4.png"
              />
            </van-col>
            <van-col>
              <!-- <img
                v-if="parentUserId==0"
                src="../../assets/m5.png"
              /> -->
              <img
                @click="gohHandler(2)"
                src="../../assets/m5.png"
              />
            </van-col>
          </van-row>
          <!-- 我的服务  26  27  28 29 -->
          <van-row class="new-my-order">
            <h4 style="">我的服务</h4>
            <div class="my-order-list">
              <div @click="gohHandler(26)">
                <div style="height: 42px;">
                  <img
                      style="width: 42px;"
                      src="../../assets/myserive/sharefriends.png"
                      alt=""
                  >
                </div>

                <div>好友分享</div>
              </div>
              <div @click="gohHandler(27)">
                <div style="height: 42px;">
                  <img
                      style="width: 36px;"
                      src="../../assets/myserive/meiyueyipin.png"
                      alt=""
                  >
                </div>
                <div>每月一品</div>
              </div>
              <div @click="gohHandler(28)">
                <div style="height: 42px;">
                  <img
                      style="width: 38px;"
                      src="../../assets/myserive/yingxiaogongju.png"
                      alt=""
                  >
                </div>
                <div>营销工具</div>
              </div>
              <div @click="gohHandler(29)">
                <div style="height: 42px;">
                  <img
                      style="width: 40px;"
                      src="../../assets/myserive/tihuoquan.png"
                      alt=""
                  >
                </div>
                <div>提货券</div>
              </div>

            </div>
          </van-row>
          <!-- 我的小店  23  24  25  -->
          <van-row class="new-my-order">
            <h4 style="">我的小店</h4>
            <div class="my-order-list">
              <div @click="gohHandler(33)">
                <img
                    style="width: 29px;"
                    src="../../assets/minshop/1.png"
                    alt=""
                >
                <div>好物专送</div>
              </div>
              <div @click="gohHandler(23)">
                <img
                    style="width: 29px;"
                    src="../../assets/minshop/1.png"
                    alt=""
                >
                <div>店铺收益</div>
              </div>
              <div @click="gohHandler(24)">
                <img
                    style="width: 29px;"
                    src="../../assets/minshop/3.png"
                    alt=""
                >
                <div>商品管理</div>
              </div>
              <div @click="gohHandler(25,0)">
                <img
                    style="width: 29px;"
                    src="../../assets/minshop/2.png"
                    alt=""
                >
                <div>订单管理</div>
              </div>

            </div>
          </van-row>
          <!-- 我的收益 17  19  18-->
          <van-row class="new-my-order">
            <h4 style="">我的收益</h4>
            <div class="my-order-list">
              <div @click="gohHandler(17)">
                <img
                  src="../../assets/profit/1.png"
                  alt=""
                >
                <div>广告收益</div>
              </div>
              <div @click="gohHandler(19)">
                <img
                  src="../../assets/profit/3.png"
                  alt=""
                >
                <div>零售收益</div>
              </div>
              <div @click="gohHandler(18)">
                <img
                  src="../../assets/profit/2.png"
                  alt=""
                >
                <div>批发收益</div>
              </div>

            </div>
          </van-row>
          <!-- 我的订单  3  101-->
          <van-row class="new-my-order">
            <h4 style="">我的订单</h4>
            <div class="my-order-list">
              <div @click="gohHandler(3,0)">
                <img
                  src="../../assets/myOrder/1.png"
                  alt=""
                >
                <div>待付款</div>
              </div>
              <div @click="gohHandler(3,1)">
                <img
                  src="../../assets/myOrder/2.png"
                  alt=""
                >
                <div>待发货</div>
              </div>
              <div @click="gohHandler(3,2)">
                <img
                  src="../../assets/myOrder/3.png"
                  alt=""
                >
                <div>待签收</div>
              </div>
              <div @click="gohHandler(3,3)">
                <img
                  src="../../assets/myOrder/4.png"
                  alt=""
                >
                <div>已完成</div>
              </div>
              <div @click="gohHandler(101)">
                <img
                  src="../../assets/myOrder/5.png"
                  alt=""
                >
                <div>售后</div>
              </div>
            </div>

          </van-row>
          <van-row style="margin:2vw 0" >
            <img src="../../assets/my/1627.png" @click="gohHandler(1627)" alt="" style="width:47vw;margin-right:2vw">
            <img src="../../assets/my/1628.png" @click="gohHandler(1628)" alt="" style="width:47vw">
          </van-row>
          <van-row class="my_orders">
            <!-- <van-row class="orders_con" @click="gohHandler(3)" type="flex" justify="space-between">
                        <p>我的订单</p>
                        <span><img src="../../assets/m3.png" /></span>
                    </van-row> -->
            <van-row
              class="orders_con"
              @click="gohHandler(12)"
              type="flex"
              justify="space-between"
            >
              <p>我的提货券</p>
              <span><img src="../../assets/m3.png" /></span>
            </van-row>
            <!-- <van-row class="orders_con" style="position: relative;" v-if="parentUserFalg" @click="gohHandler(4)" type="flex" justify="space-between">
                        <p>网体归属</p>
                        <div class="orders_sel">请归属</div>
                        <span><img src="../../assets/m3.png" /></span>
                    </van-row> -->
            <van-row
              class="orders_con"
              @click="gohHandler(5)"
              type="flex"
              justify="space-between"
            >
              <p>实名认证</p>
              <span><img src="../../assets/m3.png" /></span>
            </van-row>
            <!-- <van-row
              class="orders_con"
              @click="gohHandler(20)"
              type="flex"
              justify="space-between"
            >
              <p>我要退货</p>
              <span><img src="../../assets/m3.png" /></span>
            </van-row> -->
            <van-row
              class="orders_con"
              @click="gohHandler(88)"
              type="flex"
              justify="space-between"
            >
              <p>我要退货</p>
              <span><img src="../../assets/m3.png" /></span>
            </van-row>
            <van-row
              class="orders_con"
              @click="gohHandler(9)"
              type="flex"
              justify="space-between"
            >
              <p>提现绑定</p>
              <span><img src="../../assets/m3.png" /></span>
            </van-row>
            <!-- <van-row
              class="orders_con"
              @click="gohHandler(6)"
              type="flex"
              justify="space-between"
            >
              <p>提现明细</p>
              <span><img src="../../assets/m3.png" /></span>
            </van-row> -->
            <!-- <van-row class="orders_con" @click="gohHandler(11)" type="flex" justify="space-between">
                        <p>转帐</p>
                        <span><img src="../../assets/m3.png" /></span>
                    </van-row> -->
            <van-row
              class="orders_con"
              @click="gohHandler(16)"
              type="flex"
              justify="space-between"
            >
              <p>修改密码</p>
              <span><img src="../../assets/m3.png" /></span>
            </van-row>
            <van-row
              class="orders_con"
              @click="gohHandler(21)"
              type="flex"
              justify="space-between"
            >
              <p>清除缓存</p>
              <span><img src="../../assets/m3.png" /></span>
            </van-row>
            <van-row
              class="orders_con"
              @click="gohHandler(31)"
              type="flex"
              justify="space-between"
            >
              <p>我要转户</p>
              <span><img src="../../assets/m3.png" /></span>
            </van-row>
            <van-row
              class="orders_con"
              @click="gohHandler(32)"
              type="flex"
              justify="space-between"
            >
              <p>我要升级</p>
              <span><img src="../../assets/m3.png" /></span>
            </van-row>
            <van-row
              class="orders_con"
              @click="gohHandler(22)"
              type="flex"
              justify="space-between"
            >
              <p>注销账户</p>
              <span><img src="../../assets/m3.png" /></span>
            </van-row>

          </van-row>
        </div>
        <div
          class="logout"
          @click="gohHandler(7)"
        >
          退出
        </div>
        <!-- <div class="footer">
          <div>Copyright@2022-2032</div>
          <div>上海醒悟医疗科技有限公司 版权所有</div>
        </div> -->
      </div>
    </div>
    <upgrade :showTip="showTip"></upgrade>

    <van-popup v-model="show">
      <div class="popup">
        <div
          style="
            color: #000000;
            line-height: 80px;
            font-weight: 600;
            font-size: 17px;
          "
        >
          分享好友
        </div>
        <div style="color: #737373; font-size: 15px;line-height: 25px; margin: 10px 25px;text-align: center;">
          亲，你暂时无法进行分享.请成为推广员后，再进行分享好友！
        </div>
        <div
          style="width: 150px;line-height: 40px;color: rgb(254, 75, 32);text-align: center;border: 1px solid rgb(254, 75, 32); border-radius: 20px;margin: 20px 0;"
          @click="show = false">
          我知道了
        </div>
      </div>
    </van-popup>
  </div>
</template>
<script>
import {
  getSummary,
  getFttuserUserId,
  getFttuserUserId2,
  getuserInfo,
  cancellation,
  iwant2returnDel,
  iReturnGoods,
  iwant2return,
  conversionUser
} from "@/api/api";
import { Toast } from "vant";
import Upgrade from '@/component/upgrade.vue';
export default {
  name: "my",
  components: {Upgrade},
  data() {
    return {
      show:false,
      avatar: "",
      uid: weixin.getUserId(),
      summary: "0.00", //总资产
      cash: "0.00", //可提现
      cellphone: "",
      roleLevel: "",
      parentUserFalg: false,
      showDialog: false,
      referralCode: 0,
      textUrl: "",
      isLoading: false,
      parentUserId: 0,
      height: "",
      shareUser: JSON.parse(localStorage.getItem("shareUser")),
      mobile: "",
      showTip:false
    };
  },
  mounted() {
    if (weixin.isAndroid()) {
      try{
        let version = window.JS_TROOPS.getAppVersionCode();
      }catch{
        this.showTip = true
      }
    }
    this.init();
  },
  methods: {
    onRefresh() {
      this.init();
      this.isLoading = false;
    },
    toChangeAvatar() {
      this.$router.push({ name: "changeAvatar", params: { type: "0" }});
    },
    //初始化
    init() {
      // getFttuserUserId({userId:this.uid}).then(res=>{
      //     if(res.data.code == 200){
      //         //未归属
      //         this.parentUserId = res.data.data.parentUserId
      //         if(this.parentUserId === 0){
      //             this.parentUserFalg = true
      //         }
      //         let cellphone = res.data.data.cellphone
      //         let str = cellphone.substring(0,3)+'****'+cellphone.substring(7)
      //         this.cellphone = str
      //         this.roleLevel = res.data.data.roleLevel
      //         this.referralCode = res.data.data.referralCode
      //         this.textUrl = location.protocol+'//'+location.host+'/ka-apiZJHBapp-html/register/index.html?referralCode='+this.referralCode

      //     }else {
      //         this.$dialog.alert({
      //             message:res.data.msg
      //         })
      //     }
      // })
      // console.log(localStorage.getItem("shareUser"));

      getuserInfo().then((res) => {
        console.log("getuserInfo", res);
        if (res.data.code == 1) {
          this.shareUser = res.data.data;
          localStorage.setItem("shareUser", JSON.stringify(res.data.data));
          this.parentUserId = this.shareUser.parent_id;
          if (this.parentUserId === 0) {
            this.parentUserFalg = true;
          }
        }
      });

      getFttuserUserId2().then((res) => {
        console.log("getFttuserUserId2", res);
        if (res.data.code == 1) {
          localStorage.setItem("fttToken", JSON.stringify(res.data.data));
          //未归属
          this.avatar = res.data.data.avatar;
          this.parentUserId = res.data.data.parentUserId;
          if (this.parentUserId === 0) {
            this.parentUserFalg = true;
          }
          let cellphone = res.data.data.mobile;
          this.mobile = res.data.data.mobile;
          let str = cellphone.substring(0, 3) + "****" + cellphone.substring(7);
          this.summary = res.data.data.money;
          this.cellphone = str;
          this.roleLevel = res.data.data.roleLevel;
          // this.referralCode = res.data.data.invitecode;
          this.referralCode = res.data.data.mobile;
          this.textUrl =
            location.protocol +
            "//" +
            location.host +
            "/register/index.html?referralCode=" +
            this.referralCode;
        } else {
          // this.$dialog.alert({
          //     message:res.data.msg
          // })
        }
      });
      // getSummary({userId:this.uid}).then(res=>{
      //     if(res.data.code == 200){
      //         let data = res.data.data
      //         this.summary = data.pinmoney_bal
      //         this.cash = data.pinmoney_bal
      //     }else {
      //         this.$dialog.alert({
      //             message:res.data.msg
      //         })
      //     }
      // })
    },
    //弹窗开卡提示
    handlerShowDialog() {
      this.$router.push("/card");
    },
    //跳转
    gohHandler(val, num) {
      // 参数意义  val   23我的小店广告收益    24我的小店商品管理  25 我的小店批发收益   我的服务：{ 26:好友分享  27：每月一品   28：营销工具 29：提货券}
      if (val == 1) {
        this.$router.push("/myteam");
      } else if (val == 2) {
        if (this.shareUser.role > 0) {
          this.$router.push({
            name: "inviteFriends",
            params: { referralCode: this.referralCode, testUrl: this.textUrl },
          });
        }else{
          this.show=true;
        }
      } else if (val == 3) {
        if(num==4){
          this.$router.push("/applyService");
        }else{
          console.log(num);
          this.$router.push({ name: "orders", params: { num } });
        }
      } else if (val == 4) {
        this.$router.push("/ascription");
      } else if (val == 5) {
        this.$router.push("/realName");
      } else if (val == 6) {
        this.$router.push("/withdrawalList");
      } else if (val == 7) {
           this.$dialog
          .alert({
            title: "提示",
            message:
              "确定退出登录吗?",
            showCancelButton: true,
            confirmButtonText: "退出登录",
          })
          .then(() => {
            cancellation()
              .then((result) => {
                localStorage.removeItem("shareUser");
                window.weixin.removeToken();
                if (weixin.isAndroid()) {
                  window.JS_TROOPS.dealLoginOut();
                }
                let time = new Date().getTime();

                this.$router.push("/login?time=" + time);
              })
              .catch((err) => {});
          });


      } else if (val == 8) {
        // if (this.shareUser.one_day_order == 0) {
        //   // Toast("资产不足");
        //   this.$dialog
        //     .alert({
        //       title: "提现",
        //       message: "亲，本月您还未在每月一品专区购买过商品，赶快去购买吧！",
        //       showCancelButton: true,
        //       confirmButtonText: "去购买",
        //     })
        //     .then(() => {
        //       this.$router.push("/everyMonth");
        //     });
        //   return;
        // }
        if (this.shareUser.price == 0) {
          Toast("资产不足");
        }
        this.$router.push("/withdrawal");
      } else if (val == 9) {
        this.$router.push("/bndingBank");
      } else if (val == 10) {
        this.$router.push({ name: "list", params: { openType: "pinmoney" } });
      } else if (val == 11) {
        this.$router.push("/transfer");
      } else if (val == 12) {
        this.$router.push("/MyExaminationGaper");
      } else if (val == 13) {
        if (this.shareUser.score == 0) {
          Toast("积分不足");
          return;
        }
        this.$router.push({
          name: "scoreTransfer",
          params: { mobile: this.mobile },
        });
      } else if (val == 12) {
      } else if (val == 14) {
        // if (this.shareUser.score == 0) {
        //   Toast("积分不足");
        //   return;
        // }
        // this.$router.push("/exchange");

        // this.$router.push("/stockExchange");

        this.$router.push({ name: "stockExchange", params: { score:this.shareUser.score } });

      } else if (val == 15) {
        if (this.shareUser.score == 0) {
          Toast("积分不足");
          return;
        }
        this.$router.push("/scoreWithdrawal");
      } else if (val == 16) {
        this.$router.push("/changePassword");
      } else if (val == 17) {
        this.$router.push("/myADProfit");
      } else if (val == 18) {
        this.$router.push("/myWholesaleProfit");
      } else if (val == 19) {
        this.$router.push("/mySellProfit");
      } else if (val == 20) {
        // 我要退货

        iwant2returnDel()
          .then((result) => {
            if (result.data.code == 1) {
              iReturnGoods().then((res) => {
                if (res.data.data.total) {
                  this.$router.push("/MyReturnOrder");
                } else {
                  this.$router.push("/oldApplyReturnOrder");
                }
              });
            }
          })
          .catch((err) => {});
      } else if (val == 21) {
        // localStorage.setItem("fttToken", "");
        // localStorage.setItem("shareUser", "");
        // this.$router.push("/index");

        if (weixin.isAndroid()) {
          window.JS_TROOPS.clearCache();
        }
      } else if (val == 22) {
        this.$router.push("/cancellation");

        // this.$dialog
        //   .alert({
        //     title: "注销账户",
        //     message:
        //       "您确认要注销当前账户吗？账户注销 账户后相应数据将会清除。",
        //     showCancelButton: true,
        //     confirmButtonText: "立即注销",
        //   })
        //   .then(() => {
        //     cancellation()
        //       .then((result) => {
        //         console.log(result);
        //         if (result.data.code == 1) {
        //           Toast(注销成功);
        //           localStorage.setItem("shareUser", "");
        //         }
        //       })
        //       .catch((err) => {});
        //   });
      }else if (val == 23) {
        //我的小店广告收益
      } else if (val == 24) {
        //我的小店商品管理
        let param = {
          mobile:localStorage.getItem("loginMobile")
        }
        conversionUser(param)
          .then((result) => {
            console.log(result);
            if (result.data.code == 1) {
              localStorage.setItem("token5g", result.data.data.userinfo.token);
              this.$router.push("/goodsManager");
            }
          })
          .catch((err) => {});
      } else if (val == 25) {
        this.$router.push({ name: "orders5g", params: { num } });
        //我的小店批发收益
      }else if (val == 26) {
      //我的服务：{ 26:好友分享  27：每月一品   28：营销工具 29：提货券}
      }else if (val == 27) {
      //我的服务：{ 26:好友分享  27：每月一品   28：营销工具 29：提货券}
      }else if (val == 28) {
        this.$router.push({ name: "yingxiaoTool" });
        //我的小店批发收益
      }else if (val == 29) {
        //我的服务：{ 26:好友分享  27：每月一品   28：营销工具 29：提货券}
      }else if (val == 30) {
        // this.$router.push("/everyMonth");
        this.$router.push("togetherMade");
      } else if (val == 31) {
        //我要转户
        this.$router.push("/transferAccount");
      } else if (val == 99) {
        //余额转兑
        this.$router.push("/exchangeMoney");
      } else if (val == 88) {
        //余额转兑
        this.$router.push("/IReturnGoodsNew");
      } else if (val == 87) {
        //余额转兑
        this.$router.push("/helpEachMoney");
      } else if (val == 32) {//我要升级
         console.log(window.location.protocol+"//"+window.location.host);
        var host=window.location.protocol+"//"+window.location.host;

        if (weixin.isAndroid()) {
          iwant2return().then((result) => {
            if(result.data.code == 1){
                window.JS_TROOPS.download(host+'/down/index.html')
            }else{
              Toast('请稍后重试！')
            }
        })
        }else{
          Toast('APP内支持升级！')
        }
      } else if (val == 100) {
        //余额转兑
        this.$router.push("/balanceToOthers");
      } else if (val == 1627) {
        this.$router.push("/toFuture");
      } else if (val == 1628) {
        this.$router.push("/shares");
      } else if (val == 101) {
        this.$router.push("/applyService");
      } else if (val == 33) {
        conversionUser({mobile:localStorage.getItem("loginMobile")})
          .then((result) => {
            console.log(result);
            if (result.data.code == 1) {
              localStorage.setItem("token5g", result.data.data.userinfo.token);
              this.$router.push("/shareList");
            }
          })
          .catch((err) => {});

      }
    },
  },
};
</script>
<style scoped>
.van-popup {
  background-color: transparent !important;
}
.popup {
  width: 85vw;
  min-height: 200px;
  background-image: url(../../assets/xyrybg.png);
  background-repeat: round;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 10px;
}

.logout {
  margin-top: -18vw;
  margin-left: 20vw;
  height: 12vw;
  width: 60vw;
  line-height: 12vw;
  color: #fff;
  border-radius: 6vw;
  background-color: #fe4b20;
  text-align: center;
}
.new-my-order {
  margin-top: 1vw;
  background-color: #fff;
  border-radius: 1.3vw;
  padding: 0.5vw 3vw;
  padding-bottom: 3vw;
}
.new-my-order .my-order-list {
  font-size: 12px;
  text-align: center;
  display: flex;
  justify-content: space-around;
}
.footer {
  clear: both;
  color: #aaa;
  font-size: 12px;
  line-height: 1.6em;
  text-align: center;
  width: 100%;
  bottom: 0px;
  padding-bottom: 15px;
}
.footer div {
  color: #aaa;
  font-size: 12px;
  line-height: 1.6em;
}
p {
  margin: 0;
  padding: 0;
}
.bg {
  background: #f1f3f6;
  position: relative;
  min-height: 100%;
  height: auto;
}
.box_ref {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.my_orders {
  height: auto;
  margin-top: 2vw;
}
.my_top {
  width: 100%;
  height: 55vw;
  background: url(../../assets/mbg.png);
  background-size: 100%;
}
.my_top_left {
  padding-top: 20vw;
  padding-left: 7.2vw;
}
.my_top_left img {
  width: 14.66vw;
  height: 14.66vw;
  border-radius: 7.33vw;
}
.my_top_right {
  padding-left: 5.3vw;
  padding-top: 20vw;
}
.my_top_right p {
  font-size: 4.8vw;
}
.my_top_right span {
  margin-top: 1.3vw;
  line-height: 6.2vw;
  padding-left: 8vw;
  background: url(../../assets/m2.png);
  background-size: 100%;
  text-align: center;
  display: block;
  width: 21.33vw;
  height: 6.2vw;
  font-size: 2.9vw;
  color: #fff;
}
.my_box {
  position: absolute;
  background: #f1f3f6;
  width: 100%;
  top: 44vw;
}
.my_box_margin {
  margin-left: 2%;
  margin-right: 2%;
  padding-bottom: 20vw;
}
.my_cash {
  background: #fff;
  height: 26.66vw;
  border-radius: 1.3vw;
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: -20px;
}
.my_cash_left {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}
.my_cash_left div {
  font-size: 2.5vw;
  margin-bottom: 2vw;
}
.my_cash_left p {
  font-size: 6vw;
  color: #fe7d2c;
  line-height: 10vw;
}
.my_cash_left span {
  font-size: 3.8vw;
  text-align: center;
  width: 80px;
  height: 24px;
  line-height: 24px;
  border-radius: 24px;
  color: #fe7d2c;
  border: 1.5px solid #fe7d2c;
}
.my_cash_right {
  margin-top: 9.3vw;
  margin-right: 4vw;
}
.my_cash_right div {
  width: 24vw;
  height: 8vw;
  line-height: 8vw;
  text-align: center;
  font-size: 3.7vw;
  border: 1px solid #000;
  border-radius: 4vw;
}
.my_team {
  margin-top: 4vw;
}
.my_team img {
  width: 30vw;
  height: 14.66vw;
}

.orders_con {
  background: #fff;
  border-radius: 1.3vw;
  height: 10.66vw;
  font-size: 3.7vw;
  border-bottom: 1.5px solid rgba(0, 0, 0, 0.1);
}
.orders_con p {
  margin-left: 4vw;
  line-height: 14.66vw;
}
.orders_sel {
  display: block;
  position: absolute;
  top: 4.6vw;
  left: 26.66vw;
  border-radius: 2.6vw;
  font-size: 2.9vw;
  text-align: center;
  width: 15.73vw;
  height: 5.3vw;
  line-height: 5.3vw;
  background: #ff5112;
  color: #fff;
}
.orders_con span {
  margin-right: 4vw;
  margin-top: 5.6vw;
}
.orders_con span img {
  width: 2vw;
  height: 3.6vw;
}
</style>
